<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- SEO Meta Tags -->
	<title>Parquet Viewer - View and Query Parquet Files Online</title>
	<meta name="description"
		content="A web-based Parquet file viewer and query tool. Easily explore and analyze your Parquet files using SQL queries." />
	<meta name="keywords"
		content="parquet, data viewer, SQL query, data analysis, big data, data tools, rust, webAssembly, datafusion" />
	<meta name="author" content="Xiangpeng Hao" />

	<!-- PWA Meta Tags -->
	<meta name="theme-color" content="#4a5568" />
	<meta name="mobile-web-app-capable" content="yes" />
	<meta name="mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="mobile-web-app-title" content="Parquet Viewer" />
	<link rel="apple-touch-icon" href="public/icon-192x192.png" />

	<!-- Open Graph / Social Media Meta Tags -->
	<meta property="og:title" content="Parquet Viewer - View and Query Parquet Files" />
	<meta property="og:description" content="A web-based Parquet file viewer and query tool." />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://parquet-viewer.xiangpeng.systems" />

	<!-- Trunk managed resources -->
	<link data-trunk rel="tailwind-css" href="doc/tailwind.css" />
	<link data-trunk rel="copy-dir" href="public" />

	<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/sql.min.js"></script>
	<!-- Cloudflare Web Analytics -->
	<script defer src='https://static.cloudflareinsights.com/beacon.min.js'
		data-cf-beacon='{"token": "cdf9b270eac24614a52f26d4b465b8ae"}'></script><!-- End Cloudflare Web Analytics -->
	<style>
		@keyframes slideIn {
			from {
				opacity: 0;
				transform: translateY(-20px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.animate-slide-in {
			animation: slideIn 0.3s ease-out forwards;
		}
	</style>
</head>

<body class="bg-gray-50">
</body>

</html>